<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="./css/style.css" />
<hdjs/>
<script type="text/javascript" src="./js/js.js"></script>
</head>
<body>
	<!-- 顶部100%灰色区域 -->
	<div id="top_dark_box">
		<!-- 中间1200px宽度区域 -->
		<div id="top_dark">
			<a href=""><img src="./images/others/logo.jpg" id="logo" /></a>
			<!-- 导航菜单 -->
			<ul id="menu">
				<li>
					<a href="">首页</a>
				</li>
				<li>
					<a href="">新闻</a>
				</li>
			</ul>
			<!-- 导航菜单结束 -->
			<!-- 用户登录 -->
			<div id="loginInfo" class='loginInfo'>
				<!-- <a href="javascript:showLoginBox()" class="top_login">用户登录</a>
			<a href="javascript:showRegBox();">注册</a> -->
			<span>小明</span><a href="">退出</a>
			</div>
			<!-- 用户登录对应隐藏区域 -->
			<form id="loginForm" action="" method="post">
			<div class="login_hide_box">
				<img src="./images/sanjiao.gif" alt="" />
				<div class="middle">
					<p>用户名：</p>
					<input type="text" name="username" class="text" />
					<p>密码：</p>
					<input type="password" name="password" class="text" />
					<input type="submit" value="" class="sub" />
				</div>
				<div class="bottom">
					<a  href="javascript:showRegBox();" class="reg">注册</a>
				</div>
			</div>
			</form>
			
			<!-- 用户注册对应隐藏区域 -->
			<form id="regForm" action="" method="post">	
			<div class="reg_hide_box">
				<img src="./images/sanjiao.gif" alt="" />
				<div class="middle">
					<p>用户名：</p>
					<input type="text" name="username_reg" class="text username" />
					<p>昵称：</p>
					<input type="text" name="nickname" class="text nickname" />
					<p>密码：</p>
					<input type="password" name="password_reg1" class="text password" />
					<p>确认密码：</p>
					<input type="password" name="password_reg2" class="text password" />
					<p>验证码：</p>
					<img src="{|U:'Member/code'}" id="code" onclick="this.src=this.src + '&' + Math.random()"/>
					<input type="text"  name="code" class="text password_d" />
					<input type="submit" value="注册" class="sub" />
				</div>
			</div>
			</form>
		</div>
		<!-- 中间1200px宽度区域结束 -->
	</div>
	<!-- 顶部灰色100%区域结束 -->
	
	<!-- 顶部最新消息区域 -->
	<div id="latest_news_box">
		<div id="latest_news">
			<p><span class="title">最新消息：</span>
				标题</p>
		</div>
	</div>
	<!-- 顶部最新消息区域结束 -->

	<!-- 主体区域 -->
	<div id="main">
		<!-- main最上面的说明文字 -->
		<div class="top">以下是分类 <span>新闻</span> 下的文章</div>
		<!-- main最上面的说明文字结束 -->

		<!-- 左侧区域 -->
		<div class="left">
			<!-- 列表页介绍 -->
			<div class="list_description">列表描述</div>
			<!-- 列表页介绍结束 -->
			<ul class="arc_list">
				<li>
					<div class="pic">
						<img src="" style="height:110px;width:150px;" />
					</div>
					<h3><a href="">标题</a></h3>
					<span class="date">2013-1-1</span>
					<a href="" class="comment">20条评论</a>
					<span class="browse_number">30次浏览</span>
					<p class="description">摘要</p>
				</li>
			</ul>

			<!-- 分页 -->
			<ul class="pagelist">
				
			</ul>
			<!-- 分页结束 -->
		</div>
		<!-- 左侧区域结束 -->
		<!-- 右侧区域 -->
<div class="right">
			<div class='hd_title'>
				<strong>标签云</strong>	
			</div>
			<div id="tagBox" class='tags'>
				<tag tid="1">
				<a href="">php</a>	
				<a href="">js</a>				
				</tag>
			</div>
			<div class='hd_title'>
				<strong>热门文章</strong>	
			</div>
			<ul class='arc_list'>
					<li>
						<div class='image'>
							<a href="">
								<img src="" alt=""/>
							</a>
						</div>
						<h2><a href="">标题...</a></h2>
						<p>
							<em>2011-1-1</em><span>20条评论</span>
						</p>
					</li>
					<li>
						<div class='image'>
							<a href="">
								<img src="" alt=""/>
							</a>
						</div>
						<h2><a href="">标题...</a></h2>
						<p>
							<em>2011-1-1</em><span>20条评论</span>
						</p>
					</li>
				
			</ul>
			<div class='hd_title'>
				<strong>推荐文章</strong>	
			</div>
			
			<ul class='arc_list'>
				
				<li>
						<div class='image'>
							<a href="">
								<img src="" alt=""/>
							</a>
						</div>
						<h2><a href="">标题...</a></h2>
						<p>
							<em>2011-1-1</em><span>20条评论</span>
						</p>
					</li>
					<li>
						<div class='image'>
							<a href="">
								<img src="" alt=""/>
							</a>
						</div>
						<h2><a href="">标题...</a></h2>
						<p>
							<em>2011-1-1</em><span>20条评论</span>
						</p>
					</li>
			
			</ul>
		</div>
		<!-- 右侧区域结束 -->

	</div>
	<!-- 主体区域结束 -->
	<!-- 底部浅灰色导航区域 -->
	<div id="bottom_menu_box" style="margin-top:30px;">
		<div class="bottom_menu">
			<dl>
				<dt><a href="">百度</a></dt>
			</dl>
			<dl>
				<dt><a href="">百度</a></dt>
			</dl>
		</div>
	</div>
	<!-- 底部浅灰色导航区域结束 -->

	<!-- 底部版权区域 -->
	<div id="bottom_copyright_box">
		<div class="bottom_copyright">
			版权信息
		</div>
	</div>
	<!-- 底部版权区域结束 -->
	
</body>
</html>
